<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <form action="xxx" method="GET">
        <p>账号：<input onchange="check()" id="username" type="text" placeholder="请输入账号..."></p>
        <p>密码：<input id="password" type="password" placeholder="请输入密码..."></p>
        <p>性别：
            <input type="radio" name="sex">男
            <input type="radio" name="sex">女
        </p>
        <p>学历：
            <select>
                <option>专科</option>
                <option selected>本科</option> <!--默认选择-->
            </select>
        </p>
        <p>自我介绍：
            <textarea id="introduce" cols="30" rows="10"></textarea>
        </p>
        <button onclick="show()">提交</button>
        <input type="reset" value="清空">
    </form>
    <script>
        function check() {
            var str = document.getElementById("username").value;
            // 判断输入框中的内容是否为 admin
            if(str != "admin") {
                // 如果不是，弹框提示错误，并清空输入框已输入的内容
                alert("用户名输入有误");
                document.getElementById("username").value = "";
            }
        }
        function show() {
            // 表单提交是，触发点击事件，将自我介绍中的内容弹框输出
            var str = document.getElementById("introduce").value;
            alert(str);
        }
    </script>
</body>
</html>